// 宽高
@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

// 多行截取
@mixin textOrient($line) {
  display: -webkit-box;
  // 需要加上这一句autoprefixer的忽略规则 否则这一行样式加不上 导致无法展示省略号
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	text-overflow: ellipsis;
  overflow: hidden;
}


// 1px边框处理

@mixin border-bottom-1px($color: #eee, $type: solid) {
  &:after {
    content: "  ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px $type $color;
    transform-origin: left bottom;
    transform: scale(1, 0.5);
  }
 }
 /* 上边框 */
 @mixin border-top-1px($color: #eee, $type: solid) {
  &:after {
    content: "  ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px $type $color;
    transform-origin: left top;
    transform: scale(1, 0.5);
  }
 }
 /* 左边框 */
 @mixin border-left-1px($color: #eee, $type: solid) {
  &:after {
    content: "  ";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    border-left: 1px $type $color;
    transform-origin: left top;
    transform: scale(0.5, 1);
  }
 }
 /* 右边框 */
 @mixin border-right-1px($color: #eee, $type: solid) {
  &:after {
    content: "  ";
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    border-right: 1px $type $color;
    transform-origin: right top;
    transform: scale(0.5, 1);
  }
 }
 /* 四边框 */
 @mixin border-1px($radius: 0px, $color: #eee) {
  &:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px $type $color;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    border-radius: $radius;
  }
 }
